/* General */

.mytooltip {
	width: 160px;
	padding: 5px;
	position: absolute;
	background: #25272F;
	color: #FFF;
	border-radius:3px;
	text-align:center;
	font-size:13px
}
.mytooltip:after, .mytooltip:before {
	content: " ";
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid #25272F;
}
.mytooltip:before {
	border-width: 9px;
}
.mytooltip--cursor-help {
	cursor: help !important;
}
.mytooltip-backing {
	position: absolute;
	width: 100%;
}
/* Theme */
.mytooltip.mytooltip-theme-default:before {
	display: none;
}
.mytooltip.mytooltip-theme-danger {
	background: #E04D3B;
}
.mytooltip.mytooltip-theme-danger:after {
	border-color: #E04D3B;
}
.mytooltip.mytooltip-theme-danger:before {
	display: none;
}
.mytooltip.mytooltip-theme-warning {
	background: #E67225;
}
.mytooltip.mytooltip-theme-warning:after {
	border-color: #E67225;
}
.mytooltip.mytooltip-theme-warning:before {
	display: none;
}
.mytooltip.mytooltip-theme-info {
	background: #0E7AC4;
}
.mytooltip.mytooltip-theme-info:after {
	border-color: #0E7AC4;
}
.mytooltip.mytooltip-theme-info:before {
	display: none;
}
.mytooltip.mytooltip-theme-success {
	background: #45B04F;
}
.mytooltip.mytooltip-theme-success:after {
	border-color: #45B04F;
}
.mytooltip.mytooltip-theme-success:before {
	display: none;
}
.mytooltip.mytooltip-theme-light {
	background: #FFF;
	color: #000;
	border: 1px solid #E4E4E4;
}
.mytooltip.mytooltip-theme-light:after {
	border-color: #FFF;
}
.mytooltip.mytooltip-theme-light:before {
	border-color: #E4E4E4;
}
.mytooltip.mytooltip--top:after, .mytooltip.mytooltip--top:before {
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom: 0;
	bottom: -7px;
	top: auto;
	left: 50%;
	margin: 0 0 0 -7px;
}
.mytooltip.mytooltip--top:before {
	bottom: -9px;
	margin: 0 0 0 -9px;
}
.mytooltip.mytooltip--right:after, .mytooltip.mytooltip--right:before {
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left: 0;
	left: -7px;
	margin-top: -7px;
	top: 50%;
}
.mytooltip.mytooltip--right:before {
	left: -9px;
	margin-top: -9px;
}
.mytooltip.mytooltip--bottom:after, .mytooltip.mytooltip--bottom:before {
	border-left-color: transparent;
	border-right-color: transparent;
	border-top: 0;
	margin: 0 0 0 -7px;
	left: 50%;
	top: -7px;
}
.mytooltip.mytooltip--bottom:before {
	margin: 0 0 0 -9px;
	top: -9px;
}
.mytooltip.mytooltip--left:after, .mytooltip.mytooltip--left:before {
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right: 0;
	margin-top: -7px;
	left: auto;
	right: -7px;
	top: 50%;
}
.mytooltip.mytooltip--left:before {
	margin-top: -9px;
	right: -9px;
}
.mytooltip.mytooltip-noshow-arrow:before, .mytooltip.mytooltip-noshow-arrow:after {
	content: '';
	display: none;
}
.type-inline-block {
	display: inline-block;
}
.style-block {
	padding: 6px 20px;
	margin: 15px 0;
	color: #FFF;
	cursor: pointer;
	border-radius:3px;
}
.style-block-one {
	background: #0077d3;
}
.style-block-two {
	background: #FAC458;
}
.style-block-three {
	background: #FA965A;
}
.style-block-four {
	background: #25B578;
}
/**/
.mytooltip-content {
	width: 250px;
	font-size: 13px;
}
.mytooltip-content img {
	margin-bottom: 10px;
}
.my-tooltip {
	padding: 10px;
	width: 120px;
	border-radius: 10px;
}
